/*公用样式*/
.box {
    background: #fff;
}

.box_gray {
    background: #f0f0f0;
}

.transparent_class {
    background: rgba(0, 0, 0, 0.8) !important; /* IE无效，FF有效 */
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.3;
    opacity: 0.8;
}

.dl-menuwrapper {
    margin-top: 36px;
}

/*滚动监听*/
.sidebar {
    position: fixed;
    right: 17px;
    top: 40%;
    margin: -100px 0 0 0;
    padding: 10px;
}

.sidebar li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
}

.sidebar a {
    display: inline-block;
    width: 8px;
    height: 8px;
    border: 1px solid #ddd;
    border-radius: 50%;
}

.sidebar a:hover {
    background: #1dade5;
}

.sidebar .highlight {
    background: #1dade5;
}

/*头部*/
.header {
    height: 116px;
    padding: 12px 0;
    background:#fff;
    width:100%;
    z-index: 10000;
    box-shadow:0px 2px 10px #f0f0f0;
}

.container {
    width: 1000px;
    margin: 0 auto;
}

.logo {
    float: left;
    width: 320px;
}

.container-r {
    float: right;
    width: 680px;
}
.container-r ol{float:right;}
.container-r a.jiance{display:none;float:right;width:100px;height:40px;background:#1dace4;color:#fff;line-height: 40px;border-radius:4px;text-align: center;margin:24px 30px 0 0;}
.container-r ol li.company{font-size:16px;text-align: right;color:#f30;}

.container-r ul.navlist {
    float: right;
    width: 100%;
    margin-top: 10px;
}

.container-r ul.navlist li {
    float: right;
    margin-left: 36px;
    position:relative;
    height:36px;
    line-height: 36px;
}
.container-r .tel {
    float: right;
    height: 48px;
    line-height: 48px;
    font-size: 24px;
    color: #666;
    text-align: right;
    background:url(../images/tel.png) no-repeat 0 center;
    padding-left:48px;
}
.container-r ul.navlist li a {
    font-size: 18px;
    color: #078cbf;
}
.container-r ul.navlist li dl{position:absolute;top:px;left:-20px;width:160px;z-index: 1000;background:url(../images/topnavbg.png) repeat;padding:12px 24px;border-radius:5px 5px 0 0;display:none;}
.container-r ul.navlist li dl dd{float:left;width:100%;height:36px;line-height: 36px;overflow:hidden;}
.container-r ul.navlist li dl dd a{color:#fff;font-size:14px;padding:4px 8px;}
.container-r ul.navlist li:hover>dl{display: block;}
.container-r ul.navlist li dl dd a:hover{background:#1dade5;display: inline-block;border-radius: 4px;}

/*全屏BANNER*/
.swiper-container {
    display: none;
}

.fullSlide {
    width: 100%;
    position: relative;
    height: 500px;
    background: #000;
}

.fullSlide .bd {
    margin: 0 auto;
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.fullSlide .bd ul {
    width: 100% !important;
}

.fullSlide .bd li {
    width: 100% !important;
    height: 500px;
    overflow: hidden;
    text-align: center;
}

.fullSlide .bd li a {
    display: block;
    height: 500px;
}

.fullSlide .hd {
    width: 100%;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    height: 30px;
    line-height: 30px;
}

.fullSlide .hd ul {
    text-align: center;
}

.fullSlide .hd ul li {
    cursor: pointer;
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 42px;
    height: 11px;
    margin: 1px;
    overflow: hidden;
    background: #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
    line-height: 999px;
}

.fullSlide .hd ul .on {
    background: #f00;
}

.fullSlide .prev,
.fullSlide .next {
    display: block;
    position: absolute;
    z-index: 1;
    top: 50%;
    margin-top: -30px;
    left: 15%;
    z-index: 1;
    width: 40px;
    height: 60px;
    background: url(../images/slider-arrow_full.png) -126px -137px #000 no-repeat;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: 0.5;
    display: none;
}

.fullSlide .next {
    left: auto;
    right: 15%;
    background-position: -6px -137px;
}

/*服务优势*/
.box_block {
    max-width: 1000px;
    margin: 40px auto;
}

.box_tit {
    text-align: center;
}

.box_tit dt {
    font-size: 32px;
    color: #3d3d3d;
}

.box_tit dd {
    color: #999;
    font-size: 24px;
    line-height: 60px;
}

.fwys_con {
    width: 100%;
    text-align: center;
}

.fwys_con dl {
    float: left;
    width: 20%;
    margin: 2.5%;
}

.fwys_con dt img {
    max-width: 80%;
}

.fwys_con dd {
    color: #828282;
    font-size: 16px;
}

.fwys_con dd.title {
    color: #3d3d3d;
    font-size: 24px;
    margin-bottom: 12px;
}

/*解决方案*/
.jjfa {
    padding: 40px 0;
}

.jjfa_con {
    float: left;
    width: 100%;
    padding-bottom: 40px;
    margin-top: 32px;
}

.jjfa_con dl {
    float: left;
    width: 145px;
    margin-right: 25px;
    text-align: center;
}

.jjfa_con dl.last {
    margin-right: 0;
    float: right;
}

.jjfa_con dd {
    line-height: 48px;
    font-size: 16px;
}

.jjfa_con dl:hover dt {
}

.jjfa_con dl:hover dd {
    color: #1dade5;
}

.jjfa_con dt img {
    width:80px;
    transition: 1s transform;
    transform: translateZ(0);
}

.jjfa_con dt:hover img {
    transform: scale(1.3, 1.3);
    transition: 1s transform;
}

/*产品*/
.jhcp_con {
    float: left;
    width: 100%;
    margin-top: 32px;
}

.jhcp_con dl {
    float: left;
    width: 200px;
    margin: 0 25px;
    text-align: center;
}

.jhcp_con dt img {
    width: 200px;
    transition: 1s transform;
    transform: translateZ(0);
}

.jhcp_con dt:hover img {
    transform: scale(1.5, 1.5);
    transition: 1s transform;
}

.jhcp_con dd {
    line-height: 48px;
    font-size: 16px;
    height: 48px;
    overflow: hidden;
}

.jhcp_con dl:hover dd {
    color: #1dade5;
}

/*案例*/
.cases {
    padding: 40px 0;
}

.cases_con {
    width: 100%;
    margin: 32px 0;
    padding-bottom: 40px;
}

.cases_con dl {
    float: left;
    width: 220px;
    margin: 0 15px;
    position: relative;
    height: 148px;
}

.cases_con dt img {
    width: 220px;
    height: 148px;
}

.cases_con dd {
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 80%;
    padding: 0 10%;
    overflow: hidden;
    background: #000;
    color: #fff;
    font-size: 16px;
    transition: height ease 0.8s;
}

.cases_con dl:hover dd {
    height: 100%;
    line-height:120px;
}

.cases_video {
    text-align: center;
}
.cases_video embed{width:472px;height:332px;}
.cases_video video{display: none;}

.box_more {
    width: 192px;
    height: 40px;
    background: #1DACE4;
    border-radius: 2px;
    color: #fff;
    float: left;
    margin: 40px 404px;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
}

.box_more a {
    color: #fff;
    display: inline-block;
    width: 100%;
    height: 100%;
    font-size: 16px;
}

.box_more:hover {
    background: #3E4D56;
}

/*选择理由*/
.whyus_con {
    width: 100%;
    margin: 48px 0;
    float: left;
}

.whyus_con dl {
    float: left;
    width: 220px;
    margin: 0 15px;
    text-align: center;
}

.whyus_con dt img {
    width: 180px;
}

.whyus_con dd {
    line-height: 40px;
    height: 40px;
    font-size: 16px;
    font-weight: bold;
}

.whyus_con dl:hover dd {
    color: #1dade5;
}

.box_other {
    margin: 32px 0;
}

.honor_con a.prev, .honor_con a.next {
    display: inline-block;
    width: 50px;
    height: 120px;
    float: left;
    background: url(../images/icons.png) no-repeat;
}

.honor_con a.prev:hover {
    background-position: -40px 0;
}

.honor_con a.next {
    float: right;
    background-position: -80px 0;
}

.honor_con a.next:hover {
    background-position: -120px 0;
}

.honor_con ul {
    float: left;
    width: 900px;
    overflow: hidden;
}

.honor_con ul li {
    float: left;
    width: 160px;
    margin: 10px 10px 0 10px;
}

.honor_con ul li img {
    width: 158px;
    height: 118px;
    border: 1px solid #ddd;
}

.whyus .box_more {
    margin-bottom: 12px;
}

/*新闻资讯*/
.box_thumb {
    background: url(../images/h19.jpg) no-repeat center;
}

.box_thumb dl.box_tit dt, .box_thumb dl.box_tit dd {
    color: #fff;
}

.news {
    padding-top: 40px;
}

.hn_main {
    width: 480px;
    position: relative;
    padding-bottom: 24px;
    margin-top: 40px;
    background: url(../images/shade20.png);
    float: left;
}

.top_news_img {
    width: 480px;
    height: 236px;
}

.hn_main h3 {
    margin-left: 40px;
    margin-top: 32px;
}

.hn_main h3 a {
    font-size: 16px;
    color: #fff;
    font-weight: normal;
}

.hn_main .time {
    color: #fff;
    font-weight: normal;
    margin-left: 40px;
    margin-top: 14px;
}

.hn_main .text {
    padding: 0 40px;
    margin-top: 12px;
    height: 61px;
}

.hn_main .text a {
    line-height: 24px;
    color: #fff;
    display: block;
    height: 48px;
    overflow: hidden;
}

.hn_column {
    width: 480px;
    margin-top: 30px;
    float: right;
}

.hn_column li {
    background: url("../images/shade20.png");
    margin-top: 10px;
}

.hn_column h2 {
    font-size: 1.3em;
    height: 40px;
    color: #fff;
    background: url(../images/h18.jpg) left no-repeat;
    line-height: 40px;
    text-indent: 60px;
    overflow: hidden;
    text-align: left;
}

.hn_column h2 a {
    font-size: 16px;
}

.hn_column .text {
    padding: 28px 40px;
    line-height: 24px;
    height: 140px;
    color: #fff;
    display: none;
    border-top: 1px solid #7c9bad;
    overflow: hidden;
}

.hn_column .on {
    background: url(../images/h17.jpg) left no-repeat;
}

.hn_column a {
    color: #fff;
    font-weight: normal;
}

/*联系*/
.contact {
    padding: 40px 0;
    margin-top: 0
}

.contact_logo {
    width: 100%;
    height: 100px;
    background: url(../images/logo_ico.png) no-repeat center;
}

.contact_con {
    width: 667px;
    margin: 40px auto;
    height: 168px;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 2px;
}

.contact_con dl {
    float: left;
    width: 301px;
    padding: 16px;
    height: 136px;
}

.contact_con dl.last {
    border-left: 1px solid #ddd;
}

.contact_con dt {
    font-size: 24px;
    line-height: 60px;
    background: url(../images/ico-tel.gif) no-repeat 0 center;
    padding-left: 54px;
}

.contact_con dl:last-child dt {
    background-image: url(../images/ico-qq.gif)
}

.contact_con dd {
    font-size: 14px;
    line-height: 28px;
    margin-top: 8px;
}

/*底部*/
.footer_t {
    background: #434A54;
    padding: 40px 0;
}

.footer_info,.flink {
    margin: 0 auto;
    max-width: 1000px;
}
.flink{color:#fff;margin-top:32px;line-height:28px;}
.flink a{color:#dfdfdf;margin-right:12px;}
.footer_info_l {
    float: left;
    width: 80%;
}

.footer_info_l dl {
    float: left;
    width: 25%
}

.footer_info_l dt {
    font-size: 18px;
    color: #1dade5;
    margin-bottom: 24px;
}

.footer_info_l dd {
    line-height: 28px;
}

.footer_info_l dd a {
    color: #f0f0f0;
}

.footer_info_r {
    float: right;
    width: 20%;
}

.footer_info_r ul li.wx_bg {
    background: url(../images/weixinbg.png) no-repeat;
    height: 76px;
    margin-bottom: 20px;
}

.footer_info_r ul li img {
    width: 145px;
    height: 145px;
}

.footer_b {
    background: #252525;
    height: 68px;
    line-height: 68px;
    color: #fff;
}

.footer_b .copyright {
    max-width: 1000px;
    margin: 0 auto;
}

.footer_b .copyright ul li {
    float: left;
}

.footer_b .copyright ul li.icp {
    float: right;
}

/*案例列表*/
.divbg {
    background: url(../images/divbg.jpg) repeat-y fixed;
}

.banner {
    width: 100%;
    height: 168px;
    background: #888;
}

.banner_tit {
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
    height: 120px;
}

.banner_tit span {
    height: 48px;
    line-height: 48px;
    font-size: 30px;
    color: #fff;
    position: absolute;
    bottom: 20px;
    left: 0;
}

.banner_nav {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #3BAEDA;
    border-top: 8px solid #ddd;
}

.banner_nav ul {
    max-width: 1000px;
    margin: 0 auto;
}

.banner_nav ul li {
    float: left;
    height: 40px;
    line-height: 40px;
    margin-right: 15px;
}

.banner_nav ul li a {
    font-size: 16px;
    color: #fff;
    display: inline-block;
    height: 40px;
    border-bottom: 5px solid #3BAEDA;
    float: left;
    height: 35px;
    line-height: 35px;
}

.banner_nav ul li a:hover, .banner_nav ul li a.on {
    border-bottom: 5px solid #0088B9
}

.casesinfo {
    max-width: 1000px;
    margin: 0 auto;
    padding: 40px 0;
}

.casesinfo_l {
    float: left;
    width: 60%;
}

.casesinfo_l dt {
    font-size: 24px;
    color: #3baeda;
    margin: 24px 0 24px 0;
}

.casesinfo_l dd {
    font-size: 16px;
    line-height: 32px;
}

.casesinfo_r {
    float: right;
    width: 40%;
    text-align:center;
}

.casesinfo_r img {
    max-width: 100%;
}

.box_banner {
    width: 100%;
    height: 192px;
}

.box_title {
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
}

.box_title h2 {
    width: 100%;
    float: left;
    color: #FFF336;
    font-size: 48px;
    padding-top: 35px;
    line-height: 70px;
    text-align: center;
    font-weight: normal;
}

.box_title span {
    float: left;
    width: 100%;
    text-align: center;
    color: #FFFFFF;
    line-height: 55px;
    font-weight: normal;
    font-size: 30px;
}

.caseslist {
    max-width: 1000px;
    margin: 0 auto;
    padding: 40px 0;
}

.caseslist dl {
    float: left;
    width: 30%;
    margin: 0 5% 40px 0;
}

.caseslist dl.last {
    margin-right: 0;
}

.caseslist dt, .caseslist dt img {
    width: 100%;
}

.caseslist dd {
    font-size: 16px;
    color: #1dade5;
    line-height: 32px;
    border-top: 2px solid #1dade5;
    float: left;
    margin-top: 12px;
    padding-right: 12px;
}

.caseslist dl:hover dd {
    color: #0088B9;
    border-top: 2px solid #0088B9;
}

.loadmore{diaplay:inline-block;width:1000px;margin:0 auto;clear:both;margin-top:48px;}

.pagelist {
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 40px;
}

/*案例详情*/
.casesshow {
    max-width: 1000px;
    margin: 0 auto;
    padding: 40px 0;
}

.casesshow h1 {
    text-align: center;
    font-weight: normal;
    color: #1dade5;
}

.casesshow_con {
    margin-top: 24px;
}

.casesshow_con p {
    line-height: 32px;
    font-size: 16px;
    margin-bottom: 16px;
}

.casesshow_con img {
    max-width: 90%;
	margin-top:10px;
	margin-bottom:10px;
	
}

.page{background:#e0e0e0;width:100%;height:48px;}
.page ul{width:1000px;margin:0 auto;}
.page ul li{float:left;width:45%;height:48px;line-height:48px;overflow:hidden;font-size:16px;font-weight:bold;color:#999;text-align:center;}
.page ul li:last-child{float:right;}
.page ul li span{color:#222;}
.page ul li a{font-size:16px;width:100%;height:48px;line-height:48px;color:#222;font-weight:bold;;}

/*产品列表*/
.productlist {
    border-top: 1px solid #ddd;
}

/*产品详情*/
.product_thumb {
    width: 100%;
    text-align: center;
    margin: 24px 0;
}

.product_thumb img {
    max-width: 100%;
}

.product_line {
    width: 100%;
    height: 48px;
    line-height: 48px;
    border-bottom: 4px solid #ddd;
    font-size: 20px;
}

.product_line span {
    float: left;
    width: 120px;
    height: 48px;
    line-height: 48px;
    border-bottom: 4px solid #1dade5;
    text-align: center;
    color: #1dade5;
}

/*资讯*/
.newslist {
    max-width: 1000px;
    margin: 40px auto;
}

.newslist ul img {
    max-width: 100%;
}

.news_board {
    width: 100%;
    height: 128px;
    border-bottom: 1px dashed #ddd;
    padding-bottom: 24px;
    margin-top: 20px;
}

.news_board ul {
    float: left;
    width: 20%;
}

.news_board img {
    float: left;
    max-width: 100%;
    min-height: 120px;
}

.news_board ol {
    float: right;
    min-height: 120px;
    width: 78%;
}

.news_board ol li.title a {
    font-weight: bold;
    color: #111;
    font-size: 16px;
}

.news_board ol li.content {
    height: 64px;
    line-height: 32px;
    margin: 8px 0;
    overflow: hidden;
    word-wrap: break-word;
    font-size: 16px;
    color: #444;
}

.news_board ol li.adddate {
    height: 18px;
    text-align: right;
    color: #999;
    font-size: 12px;
}

.newsshow {
    padding-bottom: 12px;
}

.newsinfo{width:100%;height:48px;line-height:48px;text-align: center;font-size:14px;color:#999;}

.newsshow_line {
    max-width: 1000px;
    margin: 0 auto;
    border-top: 4px solid #f0f0f0;
    padding-top: 12px;
    font-size: 16px;
    color: #666;
    margin-bottom: 40px;
    height: 40px;
}

.newsshow_line li.author {
    float: left;
}

.newsshow_line li.share {
    float: right;
}

.newsshow img {
    max-width: 90%;
}

.nav_bottom {
    width: 100%;
    display: none;
}

#mfooter {
    height: 50px;
    background: #eee;
    border-top: 1px solid #E7E7E7;
    border-bottom: 1px solid #F8F8F8;
    left: 0;
    right: 0;
    bottom: -1px;
    padding-bottom: 1px;
    width: 100%;
    position: fixed;
    z-index: 5000;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#mfooter a {
    height: 20px;
    padding-top: 28px;
    position: relative;
    color: #666;
    font-size: 12px;
    text-align: center;
}

#mfooter a.on {
    color: #1DACE4;
}

.g-grid-c .g-block {
    width: 20%;
}

.g-block {
    margin: 0;
    padding: 0;
    border: 0;
    float: left;
    min-height: 1px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#mfooter a i {
    position: absolute;
    left: 50%;
    top: 4px;
    height: 25px;
    width: 30px;
    margin-left: -12px;
}

#mfooter a .nav_bottom_0 {
    background: url(../images/ico_service.png) no-repeat;
    background-size: contain;
}

#mfooter a .ydl {
    background: url(../images/ico_jishu.png) no-repeat;
    background-size: contain;
}

#mfooter a .home {
    background: url(../images/ico_home.png) no-repeat;
    background-size: contain;
}

#mfooter a .nav_bottom_1 {
    background: url(../images/ico_product.png) no-repeat;
    background-size: contain;
}

#mfooter a .nav_bottom_2 {
    background: url(../images/ico_cases.png) no-repeat;
    background-size: contain;
}

/*gotop*/
#elevator_item {
    width: 60px;
    height: 200px;
    position: fixed;
    right: 15px;
    bottom: 15px;
    -webkit-transition: opacity .4s ease-in-out;
    -moz-transition: opacity .4s ease-in-out;
    -o-transition: opacity .4s ease-in-out;
    opacity: 1;
    z-index: 100020;
    display: none;
}

#elevator_item.off {
    opacity: 0;
    visibility: hidden
}

#elevator {
    display: block;
    width: 60px;
    height: 50px;
    background: url(../images/icon_top.png) center center no-repeat;
    background-color: #444;
    background-color: rgba(0, 0, 0, .6);
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    cursor: pointer;
    margin-bottom: 10px
}

#elevator:hover {
    background-color: rgba(0, 0, 0, .7)
}

#elevator:active {
    background-color: rgba(0, 0, 0, .75)
}

#elevator_item .qr,#elevator_item .home, #elevator_item .telshow{
    display: block;
    width: 60px;
    height: 40px;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    cursor: pointer;
    background: url(../images/icon_code.png) center center no-repeat;
    background-color: #444;
    background-color: rgba(0, 0, 0, .6)
}

#elevator_item .qr:hover,#elevator_item .home:hover,#elevator_item .telshow:hover{
    background-color: rgba(0, 0, 0, .7)
}

#elevator_item .qr:hover {
    background-color: rgba(0, 0, 0, .7)
}

#elevator_item .qr:active {
    background-color: rgba(0, 0, 0, .75)
}

#elevator_item .qr-popup,#elevator_item .telshow-popup {
    width: 170px;
    height: 240px;
    background: #fff;
    box-shadow: 0 1px 8px rgba(0, 0, 0, .1);
    position: absolute;
    left: -180px;
    bottom: 0;
    border-radius: 2px;
    display: none;
    text-align: center
}

#elevator_item .qr-popup .code-link {
    display: block;
    margin: 10px;

    color: #666
}
#elevator_item .qr-popup .code-link img{width:145px;height:145px;}
.vator_item .qr-popup .arr {
    width: 6px;
    height: 11px;
    background: url(../images/code_arrow.png) 0 0 no-repeat;
    position: absolute;
    right: -6px;
    bottom: 14px
}

#elevator_item .home,#elevator_item .telshow {
    margin-bottom: 10px;
    background: url(../images/ico_contact.png) no-repeat center center;
    background-color: #444;
    background-color: rgba(0, 0, 0, .6);
    background-size:28px;
}

#elevator_item .telshow {
    background:url(../images/ico_tel.png) no-repeat center center;
    background-color: #444;
    background-color: rgba(0, 0, 0, .6);
    background-size:28px;
}

#elevator_item .telshow-popup{width:140px;height:200px;padding:20px 15px;}
#elevator_item .telshow-popup dt{color:#0e84b5;margin-bottom:8px;}
#elevator_item .telshow-popup dd{line-height:28px;}
#elevator_item .telshow-popup dt.winwin{margin-top:12px;border-top:1px dotted #ddd;padding-top:12px;}

.product_attr{width:96%;margin:12px 0;background:#fafafa;padding:2%;}
.product_attr ul li{height:32px;line-height: 32px;}
.product_attr ul li span{float:left;margin-right:8px;color:#1dade5;}
.product_attr ul li p{float:left;}
.video_player{width:560px;margin:0 auto;}

.whyusbg{height:192px;text-align:center;}
.whyusbg dt{width: 100%;
    float: left;
    color: #FFF336;
    font-size: 48px;
    padding-top: 35px;
    line-height: 70px;
    text-align: center;
    font-weight: normal;}
.whyusbg dd{    float: left;
    width: 100%;
    text-align: center;
    color: #FFFFFF;
    line-height: 55px;
    font-weight: normal;
    font-size: 30px;}
.send420 ul {
    float: left;
    width: 40%;
    margin-bottom:32px;
}
.send420 ul li.title {
    line-height: 50px;
    font-size: 30px;
    text-align: center;
    padding-bottom: 8px;
}
.send420 ul li.xian {
    width: 240px;
    margin: 0 90px 25px 90px;
    height: 1px;
    background: #3FC0D3;
}
.send420 ul li {
    float: left;
    width: 420px;
    line-height: 30px;
    font-size: 16px;
    color: #575757;
}
.send420 ul.now {
    float: right;
}
.ser_one_list {
    float: left;
    width: 100%;
    padding: 90px 0 80px;
    border-top: 1px dashed #ddd;
}
.botnone {
    border: none;
}
.ser_one_list ul {
    float: left;
    width: 420px;
}
.ser_one_list img {
    float: right;
    max-width: 550px;
}
.ser_one_list ul li.title {
    line-height: 50px;
    font-size: 30px;
    text-align: center;
    padding-bottom: 8px;
}
.ser_one_list ul li.xian {
    width: 240px;
    margin: 0 90px 25px 90px;
    height: 1px;
    background: #3FC0D3;
}
.ser_one_list ul li {
    float: left;
    width: 420px;
    line-height: 30px;
    font-size: 16px;
    color: #575757;
}



.bigBox{ width:100%; position:relative; min-width:1000px; background:#fff; text-align:center; z-index:5}
.yuyue{ min-height:1117px; overflow:hidden;}
.yuyuepic{ position:relative; z-index:-99; margin-left:-960px; left:50%; top:0px; width:1920px; height:1117px; background:url(../images/yybg.jpg) no-repeat;}
.yybox{ z-index:999;width:1000px;margin:0 auto;}
.yy_left{ width:51%; float:left;}
.yy_left div{ float:left; width:510px;font-family:"Microsoft YaHei", "微软雅黑", "sans-serif";color:#555;font-size:16px;}
.yy_img{  text-align:center; padding-top:105px}
.yy_left div.yy_tiele{text-align:center; font-size:40px;  line-height:50px; padding:10px 0; }
.yy_test{ line-height:30px; padding-top:10px; }
.yy_left div.yy_f_title{ text-align:center; color:#1DADE5; padding:30px 0;}
.yy_left ul{ float:left; width:510px;}
.yy_left ul li{ background:url(../images/yyd.png) 37PX 15PX no-repeat; padding-left:65PX; width:190PX; padding-bottom:20PX; line-height:40PX; float:left; font-size:18PX; color:#555;}

.yy_right{ width:340px; height:auto; background:#fff; float:right; margin-top:105px; padding:0 0 30px 50px; overflow:hidden;}
.yy_right div{ float:left; width:278px; text-align:center; font-size:18px; color:#555; line-height:30px;}
.yy_right div.title{ padding:30px 60px; width:158px;}
.yy_right div.title strong{font-size:24px; line-height:50px; font-weight:normal; float:left;}
.yy_right div.title span{ font-family:"Microsoft YaHei", "微软雅黑", "sans-serif"; color:#1DADE5; font-size:40px;line-height:50px; float:left;display:inline-block;width:40px;}
.yy_right div.input{ padding-bottom:10px;}
.yy_right div.input input{ width:276px; border:1px solid #ccc; height:30px; line-height:30px; text-align:center;border-radius:15px; overflow:hidden;outline:none;}
.yy_right div.input input:focus{border-color:#1DADE5}
.yy_right input.pub_btn{width:164px;height:50px;background:url(../images/tj.jpg) no-repeat;border:none;cursor:pointer;}
label.error{color:#f00;font-size:14px;}
.yy_right div.input input.error{border-color:#f00;}

.yy_right div.input select{width:85px; float:right; line-height:30px; height:30px; padding-left:10px; border-radius:15px; overflow:hidden}
.inputul{ width:279px; float:left;}
.inpmj{ width:300px;}
.inputul li{ line-height:30px; width:33.3%; float:left; font-size:14px;}
.pt30px{ padding-top:30px;}
.panel {font-size: 14px;font-size: 1.4rem;position:fixed;width: 480px;height: 420px;left: 50%;top: 50%;margin: -210px 0 0 -240px;padding: 30px;-webkit-box-shadow: rgba(0,0,0,0.2) 0 3px 5px,rgba(0,0,0,0.1) 0 0 8px 1px,rgba(0,0,0,0.1) 0 0 0 1px;box-shadow: rgba(0,0,0,0.2) 0 3px 5px,rgba(0,0,0,0.1) 0 0 8px 1px,rgba(0,0,0,0.1) 0 0 0 1px;-webkit-border-radius: 5px;border-radius: 5px;overflow: hidden;background-color: #FFF; z-index:99999}

.winwin{max-width:1000px;margin:0 auto;}
.winwin img{margin-bottom:0;float:left;width:100%;}


#metop2{display:none;}

.serpage790 p{font-size:16px;line-height:2em;}
.serpage790 img{max-width:100%;}


.cases_wrapper{
    width:1000px;margin:0 auto;
}
.tit_line{
    background:#f0f0f0;
    padding:12px;
    font-size:16px;
    font-weight:bold;
}
.cases_wrapper_inner_list{
    margin:24px 0;
}
.cases_wrapper_inner_list a{
    display:inline-block;
    float:left;
    width:230px;height:40px;
    line-height:40px;
    text-align: center;
    background:#f7f7f7;
    margin:10px;
    overflow:hidden;
}
.cases_wrapper_inner_list a:hover{
    background:#00a0e9;
    color:#fff;
}


.aboutus_con_right {
	float: right;
}

.aboutus_con_right .pic {
	width: 568px;
	height: 304px;
	background: url(/public/web/images/video_bg1.png) no-repeat;
	position: relative;
	float: right;
	margin-top: 10px;
	cursor: pointer;
}

.aboutus_con_right .pic .img {
	width: 558px;
	height: 294px;
	overflow: hidden;
	position: absolute;
	top: -10px;
	left: -10px;
}

.aboutus_con_right .pic .img img {
	transition: all 1s ease;
}

.aboutus_con_right .pic .bg {
	width: 558px;
	height: 294px;
	position: absolute;
	left: -10px;
	top: -10px;
	background: url(/public/web/images/video_bg.png) no-repeat;
}

.aboutus_con_right .pic .bg img {
	display: block;
	margin-top: 133px;
	margin-left: 244px;
}

.aboutus_con_left {
	float: left;
	width: 400px;
	height: 294px;
	overflow: hidden;
}

.video_index{
	display:none;
	width:780px;
	height:439px;
	overflow:hidden;
}